<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板继承</title>
</head>
<body>
<div style="background-color: gray;text-align: center">
    <H1>TOP</H1>
</div>
<div style="background-color: aqua;height: 400px">
    {% block content %}{% endblock %}

</div>
<div style="background-color: cornflowerblue;text-align: center"
">
<H1>BOTTOM</H1>
</div>
</body>
</html>